<template>
    <div class="container container--hero" role="region">
        <div class="region region--full">
            <div class="component component--module breadcrumbs">
                <div class="column column--full">
                    <ol class="list list--breadcrumbs">
                        <li class="breadcrumb__item">
                            <a class="link">
                                <span>Home</span>
                            </a>
                        </li>
                        <li class="breadcrumb__item">
                            <a class="link">
                                <span>Investing</span>
                            </a>
                        </li>
                        <li class="breadcrumb__item">
                            <span class="link">
                                <span>Financial Adviser Center</span>
                            </span>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="component component--module special-report ">
                <figure class="hero__figure">
                    <img class="hero__image" sizes="1519px" src="../../../assets/fance.jpg">
                </figure>
                <div class="column column--full align--left">
                    <div class="hero__credit">
                        <i class="icon icon--info"></i>
                        <span class="caption">JDawnInk vi iStock</span>
                    </div>
                    <header class="header header--hero" style="border-color: #96181d;">

                        <h2 class="title" style="border-color: #96181d;">
                            <span class="label">Financial Adviser Center</span>
                        </h2>
                    </header>
                    <div class="element element--ad is-loaded">
                        <div id="ad-section-sponsor" class="j-ad lazyloaded" style="display: none;">
                            <div _style="border: 0pt none; width: 140px; height: 0px;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script setup></script>
<style scoped lang='scss'>
.list--breadcrumbs .breadcrumb__item:last-child {
    color: #fff;
}

.container--hero {
    margin-top: -10px
}

.icon--info:before {
    content: "\e960";
}
</style>